<!doctype html>
<html>

	<head>
		<meta charset='utf-8'>
		<title>部门列表页面</title>
		<style type='text/css'>
			table{
				height:200px;
				width:350px;
				border:2px solid pink;
				border-collapse:collapse;
			}
			a{
				color:black;
				text-decoration:none;
			}
			a:hover{
				color:pink;
				text-decoration:underline;
				cursor:pointer;
			}
		</style>
		<script type='text/javascript'>
			function del(){
				if(window.confirm('亲，删除了恢复不了哦！')){
					alert('正在删除，请稍后~');
					//document.location.href = "请求路径"
					//window.location.href =
					document.location.href = '/oa/dept/delete?deptno="+deptno+"';
				}
			}
		</script>
		
	</head>

	<body>
		<h1 align='center'>部门列表</h1>
		<hr color='green'/>
			<table border='1px' align = 'center'>
				<tr>
					<th>序号</th>
					<th>部门编号</th>
					<th>部门名称</th>
					<th colspan='3'>操作</th>
				</tr>


				<tr>
					<td align='center'>1</td>
					<td align='center'>10</td>
					<td align='center'>销售部</td>
					<!--href后面设置为 javascript:void(0) 表示：仍然保留主超链接的样子，点击此连接不进行跳转-->
					<!--只是希望用户点击该超链接的时候执行一段js代码，不进行页面跳转-->
					<td align='center'><a href='javascript:void(0)' onclick='del()'>删除</a></td>
					<td align='center'><a href='edit.html'>修改</a></td>
					<td align='center'><a href='detail.html'>详情</a></td>
					
				</tr>
				<tr>
					<td align='center'>2</td>
					<td align='center'>20</td>
					<td align='center'>研发部</td>
					<td align='center'><a href=''>删除</a></td>
					<td align='center'><a href='edit.html'>修改</a></td>
					<td align='center'><a href='detail.html'>详情</a></td>
				</tr>
				<tr>
					<td align='center'>3</td>
					<td align='center'>30</td>
					<td align='center'>运营部</td>
					<td align='center'><a href=''>删除</a></td>
					<td align='center'><a href='edit.html'>修改</a></td>
					<td align='center'><a href='detail.html'>详情</a></td>
				</tr>
			</table>
			<hr color='pink'/>
			<a href='add.html'>新增部门</a>
	</body>
</html>